<template>
  <div style="margin-left:20px">
    <el-row>
      <el-col :span="12">
        <h3>一、选择器</h3>
        <div>
          <h4>1.1、基础用法</h4>
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </div>

      </el-col>

      <el-col :span="1">
        <div class="line"></div>
      </el-col>

      <el-col :span="11">
        <h3>二、多选框</h3>
        <div style="margin-top:30px">
          <h4>1.1、基础用法</h4>
          <el-checkbox v-model="checked">备选项</el-checkbox>
        </div>

      </el-col>

    </el-row>

  </div>
</template>

<script>

export default {
  data () {
    return {

    }
  },


  methods: {

  }


}
</script>

<style scoped>
.line {
  border-left: 1px solid #9e9e9e;
  height: 1000px;
  margin-left: 8px;
}
</style>